.box-shadow (@x: 0 , @y: 5px , @blur: 10px , @spread: 0 , @color: #888) {
	box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	-webkit-box-shadow: @arguments;
}

.linear-gradient (@from, @to) {
	background-color: @from;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@from), to(@to));
	background: -webkit-linear-gradient(top, @from, @to);
	background: -moz-linear-gradient(top, @from, @to);
	background: -ms-linear-gradient(top, @from, @to);
	background: -o-linear-gradient(top, @from, @to);
}

hr {
	margin: 10px 0 ! important;
	border-top: 1px solid #d9d9d9 ! important;
}

#upload-container {
	.progress {
		margin-bottom: 10px;
	}
}

#productBacklogs, #sprintBacklogs {
	min-height: 50px;
}

.ui-state-highlight {
	min-height: 150px;
	background: darken(#f2f2f2, 5%);
	border : none;
}

.lead {
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}

.media-action {
	.btn {
		margin-top: 8px ! important;
		margin-bottom: 8px ! important;
	}
}

.media-body {
	padding: 0 10px ! important;
}

.userstory {
	min-height: 150px;
	.box-shadow;
	margin-bottom: 20px;
	
	.userstory-inner {
		position: relative;
		margin: 10px;
	}
	
	.userstory-header {
		padding: 0 10px;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
	}

}

.userstory-high {
	.linear-gradient(lighten(#E784B3, 20%), lighten(#E784B3, 10%));
}

.userstory-low {
	.linear-gradient(lighten(#0C7BD7, 35%), lighten(#0C7BD7, 25%));
}

.userstory-medium {
	.linear-gradient(lighten(#F9DC1C, 35%), lighten(#F9DC1C, 25%));
	
	.userstory-header {
		height: 25px;
		line-height: 25px;
		background-color: lighten(#F9DC1C, 30%);
	}
}

.panel {
	margin-top: 10px;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	padding: 1.25em;
	background: #f2f2f2;
}


